Design Tools

Posts tagged with Design Tools

A design canvas and plugin panel illustrating color names being exported as CSS, Jetpack Compose, and Android XML code.

Figma Name That Color Plugin: Name Colors and Export Code

Learn how to use the Figma Name That Color plugin to identify colors from a selected layer and copy CSS variables, Jetpack Compose colors, or Android XML resources.

A selected design card with layered shadows flowing into a CSS box-shadow code panel.

Figma Box Shadow to CSS Plugin: Export Drop and Inner Shadows

Learn how to use the Figma drop and inner shadow to CSS box shadow plugin to turn a selected layer’s visible shadows into copy-ready CSS box-shadow code.

A selected design card with a blue-violet-cyan linear gradient flowing into a CSS background code panel.

Figma Linear Gradient to CSS Plugin: Convert Fills to CSS

Learn how to use the Figma Linear Gradient to CSS plugin to turn visible solid and linear-gradient fills into copy-ready CSS background code.